<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li class="workday">星期一</li>
        <li class="workday">星期二</li>
        <li class="workday">星期三</li>
        <li class="workday">星期四</li>
        <li class="workday">星期五</li>
        <li id="sat">星期六</li>
        <li id="sun">星期天</li>
        
      </ul>
      <h1>好</h1>
      <h2>好</h2>
      <h3>好</h3>
      <h4>好</h4>
      <h5>好</h5>
      <h6>好</h6>
      <div id = "gg" style="width: 100px;height: 40px;background: #85D;color: aliceblue;display: none;">好好学习,天天向上</div>
      <button id="btn1">动画</button>
      <button id="btn2">动画</button>
    </body>
<script src="js/jquery-3.7.1.js"></script>
<script>
    // $("ul li:first").css("color","red");//首个
    // $("ul li:last").css("color","#0f0");//最后一个
    // $("ul li:not('#sat')").css("color","#00f");//排除哪个
    //$("ul li:even").css("color","#789");//选择下标（index）是奇数的
    //$("ul li:odd").css("color","#e99");//选择下标（index）是偶数的
    // $("ul li:eq(3)").css("color","#5e8");//指点下标
    // $("ul li:gt(3)").css("color","#5e8");//比这个下标大的部分
    // $("ul li:lt(3)").css("color","#5e8");//比这标签小的
    // $(":header").css("color","#65e");//选中h标签的
    $("#btn1").click(function(){
        $("#gg").show(5000)
    })
    $("#btn2").click(function(){
        $(".animated").css("color","#e56");
    })
</script>
</html>